@base-color: #E32822;
// .delete-bottom-border{
//     .navbar:after{
//         background-color: transparent !important;
//     }
// }
.navbar-custom{
    background: #1A98FF;
    color: #fff;
}
.infinite-scroll-preloader {
  margin-top:-20px;
  margin-bottom: 35px;
  text-align: center;
}
.infinite-scroll-preloader .preloader {
  width:34px;
  height:34px;
}        
.page-content{
    margin-top: 0px !important;
}

.main2-page, .main3-page{
    .item-media{
        img{
            width: 29px;
            margin: 0px;
        }
    }
    .page-content{
        padding-top: 0px !important;
    }
    
}
.main3-page{
    .list-block {
        margin: 0;
    }
    .item-content {
        min-height: 54px;
    }
    .list-block-label {
        margin: 10px 0 10px;
    }
}
.main-page{
    img{
        display: block;
        width: 200px;
        margin: 40px auto;
        height: auto;
    }
    h1, p{
        text-align: center;
    }
    h1{
        font-weight: 200;
        color: @base-color;
    }
    // .button{
    //     width: 170px;
    //     margin: 0 auto;
    //     border-color:@base-color;
    //     color: @base-color;
    // }
    // 
    .list-block{
        margin-top: 0px;
        ul:after, ul:before{
            background: none;
        }
        .item{
            display: flex;
            justify-content: flex-start;
            padding: 10px 0px;
            border-bottom: 1px solid #ccc;
            margin-left: 20px;
            .item-img-wrapper{
                display: flex;
                align-items: center;
                .item-img{
                    width: 30px;
                    height: 30px;
                    margin: 0px;
                    margin-right: 15px;
                }
            }
            .item-ctx{
                flex: 1;
                display: flex;
                flex-direction: column;
                .item-title-info{
                    width: 100%;
                    // height: 48px;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                }
                .item-subtitle{
                    display: flex;
                    justify-content: flex-end;
                    width: 100%;
                    .publish-time{
                        color: #ccc;
                    }
                }
            }
            .item-flag{
                width: 35px;
                display: flex;
                align-items: center;
                img{
                    margin: 0px;
                    margin-left: 5px;
                    height: 25px;
                    width: auto;
                }
            }
        }
    }
    .processes_center {
        margin-top: 45px;
    }
    .no-data{
        text-align: center;
    }
    .sub-navbar{
        display: flex;
        width: 100%;
        height: 44px;
        position: absolute;
        top: 0px;
        left: 0;
        margin-top: -1px;
        padding: 0 20px;
        justify-content: center;
        align-items: center;
        background: #f7f7f8;
        box-sizing: border-box;
        z-index: 20;
        .sub-tabs{
            display: flex;
            width: 100%;
            .sub-tab{
                display: flex;
                justify-content: center;
                align-items: center;
                border: 1px solid #00aaee;
                flex: 1;
                height: 30px;
                border-radius: 0px;
                cursor: pointer;
                &:nth-child(1){
                    border-bottom-left-radius: 2px;
                    border-top-left-radius: 2px;
                }
                &:nth-child(2){
                    border-left: none;
                }
                &:nth-child(3){
                    border-left: none;
                    border-top-right-radius: 2px;
                    border-bottom-right-radius: 2px;
                }
            }
            .sub-tab-active{
                background: #00aaee;
                color: #fff;
            }
        }
    }
    .has-tabs{
        // padding-top: 84px !important;
    }
    .processs_search {
        display: flex;
        position: absolute;
        top: 44px;
        width: 100%;
        z-index: 20;
        .searchbar {
            background: #efeff4;
        }
        .searchbar-clear{
            opacity: 1;
            z-index: 30;
            pointer-events:auto;
        }
        .searchbar-input input {
            box-sizing: border-box;
            width: 100%;
            height: 28px;
            display: block;
            border: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            border-radius: 5px;
            font-family: inherit;
            color: #000;
            font-size: 14px;
            font-weight: normal;
            padding: 0 8px;
            background-color: #fff;
            padding: 0 28px;
            height: 100%;
            background-repeat: no-repeat;
            background-position: 8px center;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E");
            -webkit-background-size: 13px 13px;
            background-size: 13px 13px;
        }
    }
    .error-main{
        text-align: center;
        margin-top: 20px;
    }
}